<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>精品课堂</title>
    <link rel="stylesheet" type="text/css" href="../../static/hall/netschool/css/main.css">
    <link rel="stylesheet" type="text/css" href="../../static/hall/netschool/css/dialog.css">
    <link rel="stylesheet" type="text/css" href="../../static/hall/netschool/css/jquery.jscrollpane.css">
    <script type="text/javascript" src="../../static/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../../static/hall/netschool/js/common.js"></script>
    <script type="text/javascript" src="../../static/js/jquery.mousewheel.js"></script>
    <script type="text/javascript" src="../../static/js/jquery.jscrollpane.min.js"></script>
    <script type="text/javascript">
        $(function(){

            initScroll();

            $("#exTabs li").click(function(){
                var li = $(this);
                var idx = li.index();
                li.addClass("current").siblings().removeClass("current");
                $(".table-item").eq(idx).show().siblings().hide();
                initScroll();
            });
        });

        var initScroll = function(){
            $("#exClassroomScrollWrap").jScrollPane({
                mouseWheelSpeed: 10
            });
        }
    </script>
</head>
<body class="bg">
<div class="wrap">
    <div class="container">
        <div class="main booth-center">
            <div class="dialog-wrap-a ex-classroom-container">
                <div class="dialog-content">
                    <div class="dialog-title d-green">
                        <h3>精品课堂</h3><a class="close" href="index.html">关闭</a>
                    </div>
                    <div class="ex-classroom-wrap">
                        <div class="i-operate">
                            <div id="exTabs" class="v-tabs">
                                <ul>
                                    <li class="current"><a href="javascript:;">语文</a></li>
                                    <li><a href="javascript:;">数学</a></li>
                                    <li><a href="javascript:;">英语</a></li>
                                </ul>
                            </div>
                            <div class="search-block">
                                <input id="keyword" class="input-style-r" type="text" value="请输入关键字" />
                                <input class="btn-gray-s" type="button" value="搜索"/>
                            </div>
                        </div>
                        <div class="tab-btm"></div>
                        <div id="exClassroomScrollWrap" class="ex-classroom">
                            <div class="table-item">
                                <table class="acti-table" width="100%"  border="0" cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td width="600" height="38" align="left">
                                           <h3 class="ex-title"><a class="c-blue" href="javascript:;" onclick="hdialog.load('i-info.html');">语文语文语文</a></h3>
                                           <div class="ex-info">语文语文语文语文语文语文语文语文语文语文语文语文</div>
                                        </td>
                                        <td align="center"><a class="btn-orange margright10" href="javascript:;">观看</a></td>
                                    </tr>
                                </table>
                            </div>
                            <div class="table-item" style="display: none;">
                                <table class="acti-table" width="100%"  border="0" cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td width="600" height="38" align="left">
                                            <h3 class="ex-title"><a class="c-blue" href="javascript:;" onclick="hdialog.load('i-info.html');">数学数学数学数学数学</a></h3>
                                            <div class="ex-info">数学数学数学数学数学数学数学数学数学数学数学数学数学数学数学</div>
                                        </td>
                                        <td align="center"><a class="btn-orange margright10" href="javascript:;">观看</a></td>
                                    </tr>
                                </table>
                            </div>
                            <div class="table-item" style="display: none;">
                                <table class="acti-table" width="100%"  border="0" cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td width="600" height="38" align="left">
                                            <h3 class="ex-title"><a class="c-blue" href="javascript:;" onclick="hdialog.load('i-info.html');">英语口语练习</a></h3>
                                            <div class="ex-info">英语口语练习英语口语练习英语口语练习英语口语练习英语口语练习英语口语练习英语</div>
                                        </td>
                                        <td align="center"><a class="btn-orange margright10" href="javascript:;">观看</a></td>
                                    </tr>
                                    <tr>
                                        <td width="600" height="38" align="left">
                                            <h3 class="ex-title"><a class="c-blue" href="javascript:;" onclick="hdialog.load('i-info.html');">英语口语练习</a></h3>
                                            <div class="ex-info">英语口语练习英语口语练习英语口语练习英语口语练习英语口语练习英语口语练习英语</div>
                                        </td>
                                        <td align="center"><a class="btn-orange margright10" href="javascript:;">观看</a></td>
                                    </tr>
                                    <tr>
                                        <td width="600" height="38" align="left">
                                            <h3 class="ex-title"><a class="c-blue" href="javascript:;" onclick="hdialog.load('i-info.html');">英语口语练习</a></h3>
                                            <div class="ex-info">英语口语练习英语口语练习英语口语练习英语口语练习英语口语练习英语口语练习英语</div>
                                        </td>
                                        <td align="center"><a class="btn-orange margright10" href="javascript:;">观看</a></td>
                                    </tr>
                                    <tr>
                                        <td width="600" height="38" align="left">
                                            <h3 class="ex-title"><a class="c-blue" href="javascript:;" onclick="hdialog.load('i-info.html');">英语口语练习</a></h3>
                                            <div class="ex-info">英语口语练习英语口语练习英语口语练习英语口语练习英语口语练习英语口语练习英语</div>
                                        </td>
                                        <td align="center"><a class="btn-orange margright10" href="javascript:;">观看</a></td>
                                    </tr>
                                    <tr>
                                        <td width="600" height="38" align="left">
                                            <h3 class="ex-title"><a class="c-blue" href="javascript:;" onclick="hdialog.load('i-info.html');">英语口语练习</a></h3>
                                            <div class="ex-info">英语口语练习英语口语练习英语口语练习英语口语练习英语口语练习英语口语练习英语</div>
                                        </td>
                                        <td align="center"><a class="btn-orange margright10" href="javascript:;">观看</a></td>
                                    </tr>
                                    <tr>
                                        <td width="600" height="38" align="left">
                                            <h3 class="ex-title"><a class="c-blue" href="javascript:;" onclick="hdialog.load('i-info.html');">英语口语练习</a></h3>
                                            <div class="ex-info">英语口语练习英语口语练习英语口语练习英语口语练习英语口语练习英语口语练习英语</div>
                                        </td>
                                        <td align="center"><a class="btn-orange margright10" href="javascript:;">观看</a></td>
                                    </tr>
                                    <tr>
                                        <td width="600" height="38" align="left">
                                            <h3 class="ex-title"><a class="c-blue" href="javascript:;" onclick="hdialog.load('i-info.html');">英语口语练习</a></h3>
                                            <div class="ex-info">英语口语练习英语口语练习英语口语练习英语口语练习英语口语练习英语口语练习英语</div>
                                        </td>
                                        <td align="center"><a class="btn-orange margright10" href="javascript:;">观看</a></td>
                                    </tr>
                                    <tr>
                                        <td width="600" height="38" align="left">
                                            <h3 class="ex-title"><a class="c-blue" href="javascript:;" onclick="hdialog.load('i-info.html');">英语口语练习</a></h3>
                                            <div class="ex-info">英语口语练习英语口语练习英语口语练习英语口语练习英语口语练习英语口语练习英语</div>
                                        </td>
                                        <td align="center"><a class="btn-orange margright10" href="javascript:;">观看</a></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="d-inner-bottom d-inner-bottom-5px"></div>
                </div>
                <table class="dialog-cover" border="0" cellpadding="0" cellspacing="0">
                    <tbody>
                    <tr>
                        <td class="d-l-t">&nbsp;</td>
                        <td class="d-m-t">&nbsp;</td>
                        <td class="d-r-t">&nbsp;</td>
                    </tr>
                    <tr>
                        <td class="d-l-m">&nbsp;</td>
                        <td class="d-m-m">&nbsp;</td>
                        <td class="d-r-m">&nbsp;</td>
                    </tr>
                    <tr>
                        <td class="d-l-b">&nbsp;</td>
                        <td class="d-m-b">&nbsp;</td>
                        <td class="d-r-b">&nbsp;</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="menu">
            <ul id="nav" class="nav">
                <li><a href="index.html"><em class="home-icon"></em><span>首页</span></a></li>
                <li class="line"></li>
                <li><a href="tv-center.html">电视台</a></li>
                <li class="line"></li>
                <li><a href="live-classroom.html">实时课堂</a></li>
                <li class="line"></li>
                <li><a href="live-event.html">活动直播</a></li>
                <li class="line"></li>
                <li><a href="excellent-classroom.html">精品课堂</a></li>
                <li class="line"></li>
                <li><a href="interactive-research.html">互动教研</a></li>
                <li class="line"></li>
                <li><a href="../../manage/">网校管理</a></li>
            </ul>
            <a class="logo" href="http://www.gensee.com/" target="_blank"><img src="../../static/hall/netschool/images/logo.png" alt=""/></a>
            <!--<div class="login">
				<a id="login" class="margright10" href="javascript:;">登录</a>
				<a id="register" href="javascript:;">注册</a>
			</div>-->
            <div class="welcome">
                <span>欢迎您! <b title="administrator">administrator</b></span><a href="login.html">退出</a>
            </div>
        </div>
    </div>
</div>
</body>
</html>